<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<link rel="stylesheet" type="text/css" href="cardinal-quest.css">
		<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/dark-hive/jquery-ui.css">
		<title>Cardinal Quest</title>
	</head>
	<body>
		<div id="container">
			<div id="banner">
				<a href="http://www.tametick.com"><h1>Cardinal Quest</h1></a>
			</div>
			<div id="content">
				<div id="leftBar">
					<canvas id="minimap" width="180" height="180">
					</canvas>
					<div id='statsPanel'></div>
					<div id="vitalsPanel"></div>
					<center><button id="btnHelp">Help</button></center>
				</div>
				<div id="inventory">
					<h3 style="text-align:center">Inventory</h3>
					<div id = "inventoryItems">
					</div>
					<br>
					<h3 style="text-align:center">Equipment</h3>
					<div id = "equipmentItems">
					</div>
					<br>
					<h3 style="text-align:center">Weapon</h3>
					<div id = "weaponWielded">
					</div>
				</div>
				<div id="canvasBox">
					<canvas id="viewer"></canvas>
					<canvas id="lighting"></canvas>
					<div id="messageLog"></div>
				</div>
			</div>
		</div>
	<div>
		<p id="music_description">
		Music: Velocity by <a href="http://www.facebook.com/4matchipmusic">4mat</a>.
		</p>
		<audio id="game_music" controls preload="auto" autobuffer loop>
			<source src="https://s3.amazonaws.com/tametick.com/cq/music/Velocity.ogg" type="audio/ogg"/>
			<source src="https://s3.amazonaws.com/tametick.com/cq/music/Velocity.mp3" type="audio/mpeg"/>
		</audio>
	</div>
	<div id="dlgHelp" title="Help" style="display: none;">
		<div id="help">
			<h3 style="text-align:center">Key bindings</h3>
			<u> Normal mode:</u>
			<br>* Execute special: e.
			<br>
			<br><u>Inventory mode:</u>
			<br>* Drop item: d or left arrow.
			<br>* Use item: enter or right arrow.
			<br>
			<br><u>Switch modes:</u>
			<br>* Inventory: i.
			<br>* Examine: x.
			<br>* Normal: Esc.
			<br>
		</div>
	</div>
	<audio id="attack_sfx" preload="auto" autobuffer style="visibility: hidden; overflow: hidden">
		<source src="./sound/attack.ogg" type="audio/ogg"/>
		<source src="./sound/attack.mp3" type="audio/mpeg"/>
		<source src="./sound/attack.wav" />
	</audio>
	<audio id="attacked_sfx" preload="auto" autobuffer style="visibility: hidden; overflow: hidden">
		<source src="./sound/attacked.ogg" type="audio/ogg"/>
		<source src="./sound/attacked.mp3" type="audio/mpeg"/>
		<source src="./sound/attacked.wav" />
	</audio>
	<audio id="levelup_sfx" preload="auto" autobuffer style="visibility: hidden; overflow: hidden">
		<source src="./sound/levelup.ogg" type="audio/ogg"/>
		<source src="./sound/levelup.mp3" type="audio/mpeg"/>
		<source src="./sound/levelup.wav" />
	</audio>
	<audio id="pickup_sfx" preload="auto" autobuffer style="visibility: hidden; overflow: hidden">
		<source src="./sound/pickup.ogg" type="audio/ogg"/>
		<source src="./sound/pickup.mp3" type="audio/mpeg"/>
		<source src="./sound/pickup.wav" />
	</audio>
	<audio id="equip_sfx" preload="auto" autobuffer style="visibility: hidden; overflow: hidden">
		<source src="./sound/equip.ogg" type="audio/ogg"/>
		<source src="./sound/equip.mp3" type="audio/mpeg"/>
		<source src="./sound/equip.wav" />
	</audio>
	<audio id="use_sfx" preload="auto" autobuffer style="visibility: hidden; overflow: hidden">
		<source src="./sound/use.ogg" type="audio/ogg"/>
		<source src="./sound/use.mp3" type="audio/mpeg"/>
		<source src="./sound/use.wav" />
	</audio>
	<audio id="berserk_sfx" preload="auto" autobuffer style="visibility: hidden; overflow: hidden">
		<source src="./sound/berserk.ogg" type="audio/ogg"/>
		<source src="./sound/berserk.mp3" type="audio/mpeg"/>
		<source src="./sound/berserk.wav" />
	</audio>
	<audio id="shadowwalk_sfx" preload="auto" autobuffer style="visibility: hidden; overflow: hidden">
		<source src="./sound/shadowwalk.ogg" type="audio/ogg"/>
		<source src="./sound/shadowwalk.mp3" type="audio/mpeg"/>
		<source src="./sound/shadowwalk.wav" />
	</audio>
	<audio id="firenova_sfx" preload="auto" autobuffer style="visibility: hidden; overflow: hidden">
		<source src="./sound/firenova.ogg" type="audio/ogg"/>
		<source src="./sound/firenova.mp3" type="audio/mpeg"/>
		<source src="./sound/firenova.wav" />
	</audio>
	<audio id="slow_sfx" preload="auto" autobuffer style="visibility: hidden; overflow: hidden">
		<source src="./sound/slow.ogg" type="audio/ogg"/>
		<source src="./sound/slow.mp3" type="audio/mpeg"/>
		<source src="./sound/slow.wav" />
	</audio>
	<audio id="weaken_sfx" preload="auto" autobuffer style="visibility: hidden; overflow: hidden">
		<source src="./sound/weaken.ogg" type="audio/ogg"/>
		<source src="./sound/weaken.mp3" type="audio/mpeg"/>
		<source src="./sound/weaken.wav" />
	</audio>
	<audio id="disease_sfx" preload="auto" autobuffer style="visibility: hidden; overflow: hidden">
		<source src="./sound/disease.ogg" type="audio/ogg"/>
		<source src="./sound/disease.mp3" type="audio/mpeg"/>
		<source src="./sound/disease.wav" />
	</audio>
	<!-- jquery from google -->
	<script type="application/javascript" src="http://www.google.com/jsapi">
	</script>
	<script type="application/javascript">
			//google.load("jquery", "1.3.2");
			google.load("jquery", "1.4.3");
			google.load("jqueryui", "1.8.5");
	</script>
	<!-- local libs -->
	<script type="application/javascript" src="./js/lib/json2.min.js">
	</script>
	<script type="application/javascript" src="./js/lib/jquery.cookie.min.js">
	</script>
	<script type="application/javascript" src="./js/lib/jquery.jsoncookie.min.js">
	</script>
	<script type="application/javascript" src="./js/lib/underscore-min.js">
	</script>
	<!-- game code -->
	<script type="application/javascript" src="./js/utils.js">
	</script>
	<script type="application/javascript" src="./js/viewer.js">
	</script>
	<script type="application/javascript" src="./js/minimap.js">
	</script>
	<script type="application/javascript" src="./js/cursor.js">
	</script>
	<script type="application/javascript" src="./js/status-lines.js">
	</script>
	<script type="application/javascript" src="./js/message-log.js">
	</script>
	<script type="application/javascript" src="./js/special.js">
	</script>
	<script type="application/javascript" src="./js/item.js">
	</script>
	<script type="application/javascript" src="./js/creature.js">
	</script>
	<script type="application/javascript" src="./js/menu.js">
	</script>
	<script type="application/javascript" src="./js/map.js">
	</script>
	<script type="application/javascript" src="./js/cardinal-quest.js">
	</script>
	<!--#include virtual="/analytics.html"-->
</body>
</html>
